<template>
  <my-layout :tabbar-is-show="false" :is-absolute-body="false">
    <template #TopBackground>
      <my-top-background />
      <view
        style="
          background-color: #f8f8f8;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: -1;
        "
      ></view>
    </template>
    <template #Navbar>
      <view
        style="width: 100%; height: 100%; display: flex; align-items: center"
      >
        <image
          @click="goback()"
          :src="indexTabBarUrl.navigateBack"
          style="width: 30rpx; height: 30rpx; margin-left: 40rpx"
        />
      </view>
    </template>
    <template #Body>
      <view>
        <!--个人信息-->
        <view class="member_con">
          <view class="verifieds_welcome">
            <text class="vf_w01">感谢您的支持 期待您下次再来</text>
            <text class="vf_w02">刘老根大舞台致力将欢乐带给更多人</text>
          </view>
          <view class="verified_all">
            <view class="verified_info">
              <image
                class="vf_pic"
                src="http://llg.qiniu.comeinvip.com/images/shortfm.png"
              ></image>
              <view class="vf_info_font">
                <text class="order_style01">沈阳市中街刘老根大舞台</text>
                <text class="order_style01">开场时间2018/11/28 19:30</text>
                <text class="order_style01">位置c区5排</text>
              </view>
            </view>
            <view class="verified_buy">
              <text class="vf_b01">已使用</text>
              <view class="vf_b02"><text>再次购买</text></view>
            </view>
            <!--线-->
            <view class="verifiedline" style="position: relative"
              ><image
                src="http://llg.qiniu.comeinvip.com/images/members/xuline.png"
              ></image>
              <view
                style="
                  width: 46rpx;
                  height: 46rpx;
                  position: absolute;
                  left: -23rpx;
                  top: -23rpx;
                  background-color: #f3f3f1;
                  border-radius: 50%;
                "
              ></view>
              <view
                style="
                  width: 46rpx;
                  height: 46rpx;
                  position: absolute;
                  right: -23rpx;
                  top: -23rpx;
                  background-color: #f3f3f1;
                  border-radius: 50%;
                "
              ></view>
            </view>
            <view class="verified_ewm">
              <view class="vf_ewm01">
                <image
                  class="ewmstyle1"
                  style="opacity: 0.2"
                  src="http://llg.qiniu.comeinvip.com/images/ewm.png"
                ></image>
                <!--遮罩-->
                <!-- 		<view class="vf_pops"></view> -->
                <image
                  class="ewmstyle2"
                  src="@/static/images/used_ico.png"
                ></image>
              </view>
              <text class="vf_ewm02">30525556568</text>
            </view>
          </view>
        </view>
      </view>
    </template>
  </my-layout>
</template>

<script>
import util from "@/utils/util.js";
import navBar from "@/components/navbar/navbar.vue";
import indexTabBarUrl from "@/url/index_tabBar";
export default {
  components: {
    "nav-bar": navBar,
  },
  data() {
    return {
      indexTabBarUrl,
      videoHeight: 500,
      title: "Hello",
      isIphoneX: false,
      navbarData: {
        // 头部组件所需参数
        showCapsule: 1, //是否显示左上角返回图标   1表示显示    0表示不显示
        positionShow: 0, //0不显示定位 1 显示定位
        backgroundCor: 3, //0 无背影色 1首页背景颜色   2白色 3有背景无定位
        statusBarHeight: uni.getSystemInfoSync()["statusBarHeight"],
        navHeight: 45,
      },
    };
  },
  onLoad() {
    let vdHeight = uni.getSystemInfoSync().windowHeight;
    this.videoHeight = vdHeight;
  },
  methods: {
    goback() {
      uni.navigateBack();
    },
  },
  created() {
    this.isIphoneX = util.getSystemInfoForPhone(); // 判断手机机型是否为iPhone X以上
  },
};
</script>

<style>
@import url(@/static/css/index.css);
@import url(@/static/css/member.css);
</style>
